import React, { PropTypes } from 'react';
import { Breadcrumb,Tree,Table,Button, Form, InputNumber, Input,Select, DatePicker, Col} from 'antd';
const TreeNode = Tree.TreeNode;
const FormItem = Form.Item;
const Option = Select.Option;


const columns = [{
  title: 'Name',
  dataIndex: 'name',
  render(text) {
    return <a href="#">{text}</a>;
  },
}, {
  title: 'Age',
  dataIndex: 'age',
}, {
  title: 'Address',
  dataIndex: 'address',
}];

const data = [];
for (let i = 0; i < 46; i++) {
  data.push({
    key: i,
    name: `Edward King ${i}`,
    age: 32,
    address: `London, Park Lane no. ${i}`,
  });
}

const pagination = {
  total: data.length,
  showSizeChanger: true,
  onShowSizeChange(current, pageSize) {
    console.log('Current: ', current, '; PageSize: ', pageSize);
  },
  onChange(current) {
    console.log('Current: ', current);
  },
};

class EvaluateAdvice extends React.Component {
  constructor() {
    super();
    this.state = {
    };
  }
  componentDidMount() {

  }
  _showUser(record,index){
      this.props.showMask(<AddCashierList />);
  }
  render() {
    return (
        <div className="containerConten">
          <div className="memHead">
            <Breadcrumb>
              <Breadcrumb.Item>收银结算</Breadcrumb.Item>
              <Breadcrumb.Item>评价管理</Breadcrumb.Item>
              <Breadcrumb.Item>订单评价</Breadcrumb.Item>
            </Breadcrumb>
          </div>
          <div className="memContent">
            <div className="memTable">
                <div className="memTableContent">
                    <div className="memSearch">
                      <Form inline onSubmit={this.handleSubmit}>
                        <FormItem
                          label="标题"
                        >
                            <Input placeholder="请输入搜索关键字" />
                        </FormItem>
                        <Button type="primary" htmlType="submit">查询</Button>
                      </Form>
                    </div>
                    <Table columns={columns} dataSource={data} pagination={pagination}/>
                </div>
            </div>
          </div>
        </div>
    );
  }
}

export default EvaluateAdvice;
